<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <title>k.cms登录</title>
    <link rel="stylesheet" href="{{ env('WEBSITE_URL') .'layui/css/layui.css'}}">
</head>
<body class="kit-login-bg">
<div class="container">
    <div class="content">
        <div id="large-header" class="large-header" style="height: 973px">
            <div class="kit-login-box">
                <header>
                    <h1>K_CMS登录</h1>
                </header>
                <div class="kit-login-main">
                    <form class="layui-form" id="login" method="post">
                        {{csrf_field()}}
                        <div class="layui-form-item">
                            <label class="kit-login-icon">
                                <i class="layui-icon"></i>
                            </label>
                            <input type="text" name="username" lay-verify="required" autocomplete="off" placeholder="用户名:" class="layui-input" style="border:1px solid rgba(0,150,136,.5);">
                        </div>
                        <div class="layui-form-item">
                            <label class="kit-login-icon">
                                <i class="layui-icon"></i>
                            </label>
                            <input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="密码:" class="layui-input" style="border:1px solid rgba(0,150,136,.5);">
                        </div>
                        <div class="layui-form-item">
                            {{--<div class="kit-pull-left kit-login-remember">--}}
                            {{--<input type="checkbox" value="1" lay-skin="primary" title="记住帐号?" name="remember">--}}
                            {{--<div class="layui-unselect layui-form-checkbox" lay-skin="primary">--}}
                            {{--<span>记住帐号?</span><i class="layui-icon"></i></div>--}}
                            {{--</div>--}}
                            <div class="kit-pull-right">
                                <button class="layui-btn layui-btn-primary" lay-submit="" lay-filter="login" style="border:1px solid rgba(0,150,136,.5);">
                                    <i class="fa fa-sign-in" aria-hidden="true"></i> 登录
                                </button>
                            </div>
                            <div class="kit-clear"></div>
                        </div>
                    </form>
                </div>
                <footer>
                    <p>smallk ©
                        <a href="http://blog.smallk.cc" style="color:white; font-size:18px;">blog.smallk.cc</a>
                    </p>
                </footer>
            </div>
        </div>
    </div>
    @if(session('error'))
        <div class="layui-layer layui-layer-dialog layui-layer-border layui-layer-msg layui-layer-hui" id="layui-layer12" type="dialog" times="12" showtime="3000" contype="string" style="z-index: 19891026; top: 100px; left: 795px;">
            <div id="" class="layui-layer-content">提交失败：{{session('error')}}</div>
            <span class="layui-layer-setwin"></span>
        </div>
    @endif

</div>
</body>
</html>
<script src="{{ env('WEBSITE_URL') .'layui/layui.all.js'}}"></script>
<style>
    body {
        background: #fff;
        color: #383a3c;
        font-weight: 400;
        font-size: 1em;
        line-height: 1.25;
        font-family: 'Raleway', Calibri, Arial, sans-serif;
    }

    .kit-login-bg {
        background-clip: #393D49;
    }

    .content {
        position: relative;
    }

    .large-header {
        position: relative;
        width: 100%;
        background: #333;
        overflow: hidden;
        background-size: cover;
        z-index: 1;
    }

    .large-header {
        background-image: url('./image/login/login-bg.jpg');
        background-position: center bottom;
    }

    .kit-login-box {
        width: 390px;
        margin: 10% auto;
        background-color: #666;
        background-color: rgba(46, 46, 46, .61);
        border-radius: 10px;
        color: #f0f8ff;
        box-shadow: 0 0 20px 0 #009688;
    }

    .kit-login-box header {
        height: auto;
    }

    .kit-login-box header {
        height: 39px;
        padding: 10px;
        border-bottom: 1px solid rgba(0, 150, 136, .5);
    }

    .kit-login-box .kit-login-main {
        padding: 30px 50px 0;
    }

    .kit-login-box footer {
        height: 65px;
    }

    .kit-login-box footer p {
        line-height: 35px;
        text-align: center;
    }

    .kit-login-box header {
        height: auto;
    }

    .kit-login-box header {
        height: 39px;
        padding: 10px;
        border-bottom: 1px solid rgba(0, 150, 136, .5);
    }

    .kit-login-box header h1 {
        line-height: normal;
    }

    .kit-login-box header h1 {
        text-align: center;
        font-size: 25px;
        line-height: 40px;
    }

    .kit-login-main .layui-form-item {
        position: relative;
    }

    .kit-login-main .layui-form-item .kit-login-icon {
        position: absolute;
        color: #ccc;
        top: 10px;
        left: 10px;
    }

    .kit-pull-right button, .kit-login-main .layui-form-item input {
        background-color: transparent;
        color: white;
    }

    .kit-login-main .layui-form-item input {
        padding-left: 34px;
    }

    .kit-login-remember {
        line-height: 38px;
    }

    .kit-pull-left {
        float: left !important;
    }

    .kit-pull-right {
        float: right !important;
    }

    .kit-pull-right button:hover {
        border-color: #009688;
        color: #009688;
    }

    .kit-login-remember .layui-form-checkbox[lay-skin=primary] span {
        color: #fff;
    }

    .kit-login-box .kit-login-main .layui-input:focus {
        border-color: #009688 !important;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: white;
    }

    input:-moz-placeholder, textarea:-moz-placeholder {
        color: white;
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: white;
    }

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: white;
    }
</style>